<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>文档导航页面</title>
    <style>
        #doc-list {
            width: 700px;
            height: 300px;
            margin: auto;
            margin-top: 20px;
        }
        #doc-table {
            background-color: bisque;
            width: 700px;
            height: 276px;
            margin: auto;
            font-size: 10px;
            text-align: center
        }
        .doc-options {
            margin-left: 150px;
            margin-top: 20px;
        }
        .btn {
            float: left;
        }
        .doc-btn {
            width: 90px;
            height: 24px;
            margin-left: 5px;
            font-size: 10px;
            border-radius: 5px;
        }

    </style>
</head>
<body>
<!--文档地址列表-->
<div id="doc-list">
    <!--显示列表-->
    <div class="show-table">
        <table id="doc-table" border="1px solid #ccc" cellspacing="0" cellpadding="0">
            <tr class="doc-tr">
                <td>文档编号</td>
                <td>文档名称</td>
                <td>文档地址</td>
                <td>访问数量</td>
            </tr>
            <div th:each="document:${documentsList}">
                <tr class="doc-tr">
                    <td th:text="${document.docId}" class="doc-id"></td>
                    <td th:text="${document.docName}"></td>
                    <td><a th:href="${document.docUrl}" onclick="incr();"><span th:text="${document.docUrl}"></span></a></td>
                    <td th:text="${document.visCount}" id="visCount"></td>
                </tr>
            </div>
        </table>
    </div>
    <div id="btn">
        <input type="button" value="返回主页" style="margin-top: 10px" onclick="BackToHeadPage();">
    </div>
</div>
</body>
<script>
    BackToHeadPage = function() {
        window.location.href = "http://localhost:9091/index/doc-nav-page";
    }

    incr = function() {
        return;
    }
</script>
</html>